import React from 'react'
import {BrowserRouter as Router,Route,Link} from 'react-router-dom'
import Home from './views/home.jsx'
import About from './views/about.jsx'
function App () {
	return (
		<div className='container'>
			<ul className="nav nav-pills nav-fill">
			  <li className="nav-item">
			    <a className="nav-link active" href="#">Active</a>
			  </li>
			  <li className="nav-item">
			    <a className="nav-link" href="#">Much longer nav link</a>
			  </li>
			  <li className="nav-item">
			    <a className="nav-link" href="#">Link</a>
			  </li>
			</ul>
			<Router>
				<Link to='/home'>HOME</Link>
				<Link to='/about'>ABOUT</Link>
				<Route path='/home' component={Home} />
				<Route path='/about' component={About} />
			</Router>
		</div>
	) 
}

export default App 	